<template>
	<view class="padding">
		<view class="item row-between-center" v-for="item,index in datas" :key="index">
			<view class="row-center">
				<image src="/static/images/me-money.svg" class="img" ></image>
				<view class="col" style="margin-left: 60rpx;">
					<view class="type">
						充值
					</view>
					<view class="money">
						202.4
					</view>
				</view>
			</view>
			
			<view class="col">
				<view class="balance">余额：213.06</view>
				<view class="time">2023.10.15</view>
			</view>
			
		</view>
	</view>
</template>

<script>
	import titlebar from '@/pages/common/titlebar.vue'
	import {
		billList
	} from '@/api/change/index.js'
	export default {
		components: {
		},
		data() {
			return {
				billIndex:0,
				show: false,
				datas:[],
				list: [{
						name: '全部账单',
						value: '0'
					}, {
						name: '取现',
						value: '0'
					}, {
						name: '充值',
						value: '0'
					},
					{
						name: '消费',
						value: '0'
					}, {
						name: '打赏',
						value: '0'
					}, {
						name: '其他',
						value: '0'
					},
				]
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			getData(){
				billList().then(res=>{
					this.datas = res.data
				})
			},
			close() {
				this.show = false
			},
		}
	}
</script>

<style scoped lang="scss">
	.item{
		margin-top: 20rpx;
		padding: 20rpx 60rpx;
		.img{
			width: 100rpx;
			height: 100rpx;
		}
		.type{
			color: rgba(108, 108, 108, 1);
			font-size: 28rpx;
		}
		.money{
			color: rgba(16, 16, 16, 1);
			font-size: 56rpx;
		}
		.balance{
			color: rgba(16, 16, 16, 1);
			font-size: 32rpx;
		}
		.time{
			color: rgba(16, 16, 16, 1);
			font-size: 32rpx;
		}
	}
</style>